
<template>
<div>
    <el-table :data="tableData" style="width: 100%">
    <el-table-column type="index" label="#" width="50" />
    <el-table-column prop="name" label="权限名称"  />
    <el-table-column prop="path" label="路径"  />
    <el-table-column prop="level" label="权限等级">
    <template #default="scope">
        <el-tag v-if="scope.row.level==0">一级</el-tag>
        <el-tag type="success" v-else-if="scope.row.level==1">二级</el-tag>
        <el-tag type="warning" v-else>三级</el-tag>
    </template>
    </el-table-column>
  </el-table>
</div>
</template>
<script setup>
import { onBeforeMount,ref } from 'vue';
import axios from '../../axios';
const tableData=ref([])
onBeforeMount(async()=>{
    const {data:res}=await axios.get(`rights/list`);
    console.log(res);
    res.data.forEach(ele=>{
        tableData.value.push({
            name:ele.authName,
            path:ele.path,
            level:ele.level
        })
    })
})
</script>
<style></style>